<!DOCTYPE html>
<head lang="en">
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <title></title>
    <link rel="stylesheet" href="css/pure-min.css">
    <link rel="stylesheet" href="css/base-min.css">
    <link rel="stylesheet" href="css/product.css">
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="css/grids-responsive-old-ie-min.css">
    <![endif]-->
    <!--[if gt IE 8]><!-->
    <link rel="stylesheet" href="css/grids-responsive-min.css">
    <!--<![endif]-->
</head>
<body>
<!-- header -->
<header>
    <div class="top_container">
        <div class="container">
            <ul>
                <li><a href="#"><img src="images/top_tb1.gif"> 虎银网</a> </li>
                <li><a href="#"><img src="images/top_tb2.gif"> 上传资料</a> </li>
                <li><a href="#"><img src="images/top_tb3.gif"> 帮助中心</a> </li>
            </ul>
            <span id="login-statue">您好，Kenny，欢迎登录电老虎金融！</span>
            <div class="top_right">
               <span><img src="images/tel_tb.gif"> 客服热线 400-6616-817</span>
               <span><a href="#" class="a1">电老虎网首页</a></span>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="container" style="position: relative">
        <div class="logo"><img src="images/logo.jpg"></div>
        <nav class="nav">
            <ul>
                <li><a href="#" class="a1">首页</a> </li>
                <li><a href="#">贷款产品</a> </li>
                <li><a href="#">理财产品</a> </li>
                <li><a href="#">进度查询</a> </li>
                <li><a href="#">常见问题</a> </li>
                <li><a href="#">关于我们</a> </li>
            </ul>
        </nav>
        <div class="clearfix"></div>
    </div>
</header>
<!-- header end -->
<div class="container">
	<div id="product-content">
		<p class="product-bread">
			<span>首页></span>
			<span>贷款产品></span>
			<a href="javascript:;">申请贷款</a>
		</p>
		<ul class="steps">
			<li>
				<img src="images/step1-selected.jpg" alt="">
				<p class="selected">信息登记</p>
			</li>
			<li>
				<img src="images/step2.jpg" alt="">
				<p>贷款申请</p>
			</li>
			<li>
				<img src="images/step3.jpg" alt="">
				<p>上传资料</p>
			</li>
			<li>
				<img src="images/step4.jpg" alt="">
				<p>筹集借款</p>
			</li>
		</ul>
		<p id="product-bottom">
			贷款申请 | 我的信用积分：<span id="score"><i>0</i>分（HR）</span>
			<span class="last">通过上传真实信用认证资料，可提高您的信用等级和额度！</span>
		</p>

		<div id="step1" class="">
			<div>
				<label for="">真实姓名：</label>
				臧静
			</div>
				<label for="">身份证号：</label><input type="text">
			<div>
			</div>
				<label for="">职位：</label><input type="text" id="job">
			<div>
			</div>
				<label for="">单位名称：</label><input type="text">
			<div>
			</div>
				<label for="">单位地址：</label><input type="text">
			<div>
			</div>
				<label for="">法人：</label><input type="text">
			<div>
			</div>
				<label for="">法人手机：</label><input type="text">
			<div>
			</div>
			<button type="button" class="btn" id="step1-btn">保存并继续</button>
		</div>
		<div id="step2" class="hide">
			<div>
				<label for="">借款标题：</label>
				<input type="text" id="title">
				<span class="tip">标题不超过15个字</span>
			</div>
			<div>
				<label for="">借款用途：</label>
				<select name="" id="way">
					<option value="">短期周转</option>
				</select>
			</div>
			<div>
				<label for="">借款金额：</label>
				<input type="text" id="cash">
				元<span class="tip">借款金额500元以上，需为50的倍数</span>
			</div>
			<div>
				<label for="">借款期限：</label>
				<select name="" id="time">
					<option value="">一个月</option>
				</select>
			</div>
			<div>
				<label for="">年利率：</label>
				<input type="text" id="percent">%
				<span class="tip">利率范围是10%-24%，且只保留小数点后一位</span>
			</div>
			<div>
				<label for="">筹标期限：</label>
				<select name="" id="time2">
					<option value="">5天</option>
				</select>
			</div>
			<div>
				<label for="">还款方式：</label>
				<input type="radio" name="returnway" class="returnway" id="returnway_one"><span class="blue">按月付息，到期还本</span>
				<input type="radio" name="returnway" class="returnway" id="returnway_two"><span class="blue">等额本息</span>
			</div>
			<div>
				<label for="">借款描述：</label>
				<textarea name="" id="" cols="60" rows="10"></textarea>
			</div>
			<div>
				<label for="">附件：</label>
				<button type="button" id="upload">上传</button>
			</div>
			<div>
				<label for="">验证码：</label>
				<input type="text" id="checkNum">
				<img src="" alt="" id="checkimg">
			</div>
			<div>
				<label for="">申请标类型：</label>
				<input type="radio" name="type" class="type" id="type_one"><span class="red">信用认证标</span>
				<input type="radio" name="type" class="type" id="type_two"><span class="blue">机构相保标</span>
				<input type="radio" name="type" class="type" id="type_three"><span class="purple">实地认证标</span>
				<input type="radio" name="type" class="type" id="type_four"><span class="green">净值标</span>
			</div>
			<div id="agreerule">
				<input type="checkbox" class="agree">我同意
				<a href="javascript:;" class="blue">
					金陵e贷收费条款
				</a>
				<input type="checkbox" class="agree">
				我同意以上信息技术披露要求
			</div>
			<button type="button" class="btn" id="step2-btn">提交申请</button>
		</div>
		<div id="step3" class="hide">
			<p>
				<span class="blue">个人信用认证</span>
				<span>以下五项为选填项</span>
			</p>
			<ul>
				<li class=""><img src="images/checking.jpg" alt=""></li>
				<li class=""><img src="images/unload.jpg" alt=""></li>
				<li class=""><img src="images/unload.jpg" alt=""></li>
				<li class=""><img src="images/unload.jpg" alt=""></li>
				<li class=""><img src="images/unload.jpg" alt=""></li>
			</ul>
			<p class="blue">公司信用认证</p>
			<p>
				<span>您可以选择上传的认证项目，只要通过了这些可选信用认证，将会提高您的“信用等级”和“信用额度”，</span>
				<span class="red">如果您在上传过程中遇到任何问题，请联系客服</span>
			</p>
			<ul>
				<li class=""><img src="images/checking.jpg" alt=""></li>
				<li class=""><img src="images/unload.jpg" alt=""></li>
				<li class=""><img src="images/error.jpg" alt=""></li>
				<li class=""><img src="images/pass.jpg" alt=""></li>
				<li class=""><img src="images/unload.jpg" alt=""></li>
			</ul>
			<p id="simple">
				<span class="grey">灰色：代表未上传；</span>
				<span>黑色：代表正在审核；</span>
				<span class="red">红色：代表审核未通过，请重新上传；</span>
				<span class="blue">蓝色：代表审核通过。</span>
			</p>
			<button type="button" class="btn" id="step3-btn">现在提交</button>
		</div>
		<div id="step4" class="hide">
			<p class="red">恭喜您发布成功</p>
			<p>您可以前往<a href="javascript:;" class="blue"> 我的贷款产品</a> 查看您所发布的贷款申请</p>
		</div>
	</div>
</div>

<!-- footer -->
<div id="footer">
    <div id="fastLink">
        <h3>友情链接</h4>
        <ul>
            <li><a href="javascript:;">汇付天下</a></li>
            <li><a href="javascript:;">南京银行</a></li>
            <li><a href="javascript:;">平安银行</a></li>
        </ul>
    </div>
    <div id="service">
        <h3>客户服务</h4>
        <ul>
            <li>理财热线：4008-0-10948(工作时间：8:30-17:30)</li>
            <li>QQ群：293157557</li>
            <li>地址：江苏省南京市将军大道55号</li>
            <li>Copyright @ 2014</li>
            <li>苏ICP备14038857号</li>
        </ul>
    </div>
    <div id="focusus">
        <h3>关注我们</h4>
        <p><img src="images/erweima.png" alt="" class="erweima"></p>
    </div>
    <div id="last">
        <h3></h3>
        <p><img src="images/erweima.png" alt="" class="erweima"></p>
    </div>
</div>
<!-- footer end -->
</body>
</html>